{%extends 'base.html'%}
{% block css %}

<style type="text/css">
    .AB {

        text-align: center;
    }

    .line-limit-length {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap; //文本不换行，这样超出一行的部分被截取，显示...

    }


    .left {
        text-align: right;
        margin: 20px;
    }
</style>

{% endblock %}



{% block body %}



<div class="center">
    <h1>还有<strong>{{consumption_surplus}}</strong>次查看权限</h1>
</div>




<div class="left">
    <span class="label label-default">共收藏{{follow_info|length}}条</span>
</div>
<!-- 数据渲染 -->
<div class="container">
    <table class="table table-striped" style="TABLE-LAYOUT: fixed">

        <tr>
            <th width="30%">公司名称</th>

            <th width="50%">甲方需求/乙方资源</th>
 
            <th width="20%">发布时间</th>
        </tr>
        {% for i in follow_info %}
        <tr>
            <td class="line-limit-length"><a href="/follow_detail/{{i.id}}?token={{token}}">{{i.company_name}}</a></td>
            <td class="line-limit-length"><a href="/follow_detail/{{i.id}}?token={{token}}">{{i.need}}</a></td>
            <td class="line-limit-length">{{i.regedate}}</td>
        </tr>

        {% endfor %}

    </table>
</div>


<nav aria-label="...">
    <ul class="pager">
        <li class="previous"><a href="#"><span aria-hidden="true">&larr;</span> Older</a></li>
        <li class="next"><a href="#">Newer <span aria-hidden="true">&rarr;</span></a></li>
    </ul>
</nav>



{% endblock %}






{% block script %}

<script>
    document.getElementById("demo").innerHTML = "我的收藏";
</script>

{% endblock %}